<!DOCTYPE html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>设备监测与控制平台</title>
  <script src="./node_modules/axios/dist/axios.min.js"></script>
  <link rel="stylesheet" href="./CSS/LoginCSS/Login.css">
  <link rel="stylesheet" href="./CSS/LoginCSS/background.css">
  <link rel="stylesheet" href="./CSS/LoginCSS/button.css">
  <link rel="stylesheet" href="./CSS/LoginCSS/container.css">
  <link rel="stylesheet" href="./CSS/LoginCSS/forget.css">
  <link rel="stylesheet" href="./CSS/LoginCSS/iconfont.css">
</head>

<body>
  <div class="container">

    <span></span>
    <span></span>
    <div class="login-container" id="forget-container">
      <div class="icon-guanfangbanben title-DPS">
        智能监测与控制平台
      </div>
      <div class="box-container">
        <form>
          <div class="input-group">
            <span class="iconfont icon-yonghu" id="station1-icon"></span>
            <input type="text" class="input" id="station1" autoComplete="off">
            <label for="">工号</label>
            <span class="iconfont icon-cuowutishi" id="station1-errorMessage"></span>
          </div>
          <div>
          </div>
          <div class="input-group">
            <span class="iconfont icon-qunzu" id="identity1-icon"></span>
            <input type="text" class="input" id="identity1" autoComplete="off">
            <span class="iconfont icon-cuowutishi" id="identity1-errorMessage"></span>
            <label for="">身份</label>
          </div>

          <div class="input-group">
            <span class="iconfont icon-mima" id="password-icon"></span>
            <input type="password" class="input" id="password" autocomplete="off">
            <label for="">密码</label>
            <span class="iconfont icon-icon_eyes_close" id="eyes"></span>
            <span class="iconfont icon-yibantishi" id="password-promptMessage"></span>
            <span class="iconfont icon-cuowutishi" id="password-errorMessage"></span>
            <ul class="select-options">
              <li onclick="selectOption('系统管理员')">系统管理员</li>
              <li onclick="selectOption('运行监控员')">运行监控员</li>
              <li onclick="selectOption('运行工程师')">运行工程师</li>
            </ul>
          </div>


          <div class="rem-input">
            <div>
              <input type="checkbox" id="myCheckbox">
              <label for="myCheckbox">记住状态</label>
            </div>
            <div>
              <span id="clear">清除状态</span>
            </div>

          </div>

        </form>

      </div>
      <div class="button">
        <button href="" class="confirm" id="login">
          登录
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </button>
        <button href="" class="turn-button" id="forget">忘记密码</button>
      </div>
      <div class="label">
        <h6>欢迎登录后台管理系统</h6>
      </div>
    </div>



    <div class="forget-container" id="forget-container">
      <div class="forget-password">
        <h3>忘记密码</h3>
      </div>
      <div class="box-container2">
        <form action="">
          <div class="input-group">
            <span class="iconfont icon-yonghu" id="station2-icon"></span>
            <input type="text" class="input" id="station2" autoComplete="off">
            <label for="">工号</label>
            <span class="iconfont icon-cuowutishi" id="station2-errorMessage"></span>
          </div>
          <div class="input-group">
            <span class="iconfont icon-qunzu" id="identity2-icon"></span>
            <input type="text" class="input" id='identity2' autoComplete="off">
            <label for="">身份</label>
            <span class="iconfont icon-cuowutishi" id="identity2-errorMessage"></span>
            <ul class="select-options2">
              <li onclick="selectOption2('系统管理员')">系统管理员</li>
              <li onclick="selectOption2('运行监控员')">运行监控员</li>
              <li onclick="selectOption2('运行工程师')">运行工程师</li>
            </ul>
          </div>
        </form>
      </div>
      <div class="button">
        <button href="" class="confirm" id="submit">提交状态
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </button>
        <button class="turn-button" id="return">返回登录</button>
      </div>
      <div class="label">
        <h6>欢迎登录后台管理系统</h6>
      </div>
    </div>
    <div class="shooting">
      <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
      <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
      <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
      <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
    </div>
  </div>
</body>
<script src="./JS/indexJS/login.js"></script>
<script src="./JS/indexJS/forget.js"></script>

</html>